<!DOCTYPE html>
<html>
<head>
	<title>uphgall demo. list1</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!--CSS-->
	<link rel="stylesheet" type="text/css" href="../css/reset.min.css">
	<link rel="stylesheet" type="text/css" href="../css/prettify.css">
	<link rel="stylesheet" type="text/css" href="../css/gallery.css">
	<link rel="stylesheet" type="text/css" href="../css/uphgall.css">
	<style type="text/css">
		.uphgallList1{
			width:	960px;
		}
		.uphgallList1 .thumbs>li,
		.uphgallList1 .thumbs>li a,
		.uphgallList1 .thumbs>li .holder{
			width:	144px;
			height:	144px;
		}
	</style>
	<!--JS-->
	<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../js/showpagecode.js"></script>
	<script type="text/javascript" src="../js/jquery.uphgall.min.js"></script>
	<script type="text/javascript" src="../js/prettify/prettify.js"></script>
	<!--uphgall initialization-->
	<script type="text/javascript">
		uphgall({
			Query:		'cat',
			MaxResults:	40,
			ThumbHeight:	144,
			ThumbWidth:	144,
			ThumbCrop:      false,
			GalleryId:	'.uphgallList1',
			ThumbsCapacity: 80
		})
	</script>
</head>
<body>
	<div class="wrap">
		<!--gallery HTML-->
		<div class="uphgallList1">
			<ul class="thumbs">
				<li>
					<div class="holder">
						<a class="link" target="_blank">
							<div class="index"></div>
							<img class="img">
						</a>
					</div>
					<div class="info">
						<div><span>name:</span><span class="name"></span></div>
						<div><span>tags:</span><span class="tags"></span></div>
						<div><span>description:</span><span class="description"></span></div>
					</div>
				</li>
			</ul>
		</div>
		<!--/gallery HTML-->
	</div>
</body>
</html>
